<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/echarts.js" ></script>
	</head>
	<body>
		<div id="job" style="width: 600px;height: 400px;">
		</div>
		<script>
			myCharts=echarts.init(document.getElementById("job"));//初始化
			var option={
				title:{
					text:'2021届各专业就业人数',
					subtext:'太原学院计算机系',
					left:'center'
				},
				tooltip:{},//提示框
				toolbox:{
					shoe:true,
					feature:{
						mark:{show:true},
						//dataView:{show:true,readOnly:false,},//数据视图
						magicType:{show:true,type:['line','bar']},
						restore:{show:true},//还原
						saveAsImage:{show:true}
					}
				},//工具箱
				xAxis:{
					data:['计科','网工','软工','数字媒体技术']
				},//x轴
				yAxis:{},
				series:[
				  {
				  	name:'就业数据',
				  	type:'bar',//柱状图
				  	data:[900,700,550,1000]//'/FindServlet'(与后台连接)
				  }
				]
			};//var表示变量（写不写都行）
			myCharts.setOption(option);//设置参数
		</script>
	</body>
</html>
